<!-- 头部 -->
@layout("/cms/layout/cmsHeader.html"){}
<script  src="${ctxPath!}/static/bbs/js/jquery.min.js"  type="text/javascript"></script>
<script  type="text/javascript"> jQuery.noConflict();</script>
<script  src="${ctxPath!}/static/bbs/js/jquery.SuperSlide.js"  type="text/javascript"></script>
<script  src="${ctxPath!}/static/bbs/js/jquery.pagnation.js"  type="text/javascript"></script>
<script  src="${ctxPath!}/static/bbs/js/share.js"></script>

<script  src="${ctxPath!}/static/bbs/js/common_extra.js"  type="text/javascript"  charset="UTF-8"></script>
<script  src="${ctxPath!}/static/bbs/js/forum.js"  type="text/javascript"  charset="UTF-8"></script>
<script  src="${ctxPath!}/static/bbs/js/forum_viewthread.js"  type="text/javascript"  charset="UTF-8"></script>

<script  type="text/javascript"  id="bdshare_js"  data="type=tools&amp;mini=1"  src="${ctxPath!}/static/bbs/js/bds_s_v2.js"></script>
<ul class="p_pop h_pop" id="plugin_menu" style="display: none">
	<li><a
		href=""
		id="mn_plink_sign">每日签到</a></li>
</ul>
<ul class="p_pop h_pop" id="mn_N6e26_menu" style="display: none">
	<li><a href=""
		hidefocus="true">资讯列表页</a></li>
	<li><a href=""
		hidefocus="true">资讯内容页</a></li>
</ul>
<ul class="p_pop h_pop" id="mn_forum_menu" style="display: none">
	<li><a
		href=""
		hidefocus="true">帖子列表页</a></li>
	<li><a
		href=""
		hidefocus="true">帖子内容页</a></li>
</ul>
<div class="p_pop h_pop" id="mn_userapp_menu" style="display: none"></div>
<div id="scbar" class="cl y">
	<form id="scbar_form" method="post" autocomplete="off"
		action=""
		target="_blank">
		<input type="hidden" name="mod" id="scbar_mod" value="forum">
		<input type="hidden" name="formhash" value="8c788e32"> <input
			type="hidden" name="srchtype" value="title"> <input
			type="hidden" name="srhfid" value="46"> <input type="hidden"
			name="srhlocality" value="forum::forumdisplay">
		<ul>
			<li class="scbar_type"><a href="javascript:;" id="scbar_type"
				hidefocus="true">帖子</a></li>
			<li class="scbar_txt"><input type="text" name="srchtxt"
				id="scbar_txt" value="请输入搜索内容" autocomplete="off" x-webkit-speech=""
				speech="" class=" xg1" placeholder="请输入搜索内容"></li>
			<li class="scbar_btn"><button type="submit" name="searchsubmit"
					id="scbar_btn" sc="1" value="true">
					<strong class="xi2">搜索</strong>
				</button></li>
		</ul>
	</form>
</div>
<ul id="scbar_type_menu" class="p_pop" style="display: none;">
	<li><a href="javascript:;" rel="curforum" fid="46">本版</a></li>
	<li><a href="javascript:;" rel="article">文章</a></li>
	<li><a href="javascript:;" rel="forum" class="curtype">帖子</a></li>
	<li><a href="javascript:;" rel="group">群组</a></li>
	<li><a href="javascript:;" rel="user">用户</a></li>
</ul>
<script type="text/javascript">
	initSearchmenu('scbar', '');
</script>
</div>
</div>


<div id="wp" class="wp">
	<style id="diy_style" type="text/css">
#framevDd0GO {
	border: 0px none !important;
}

#portal_block_12 {
	border: 0px none !important;
}

#frameTK37iY {
	border: 0px none !important;
}

#portal_block_13 {
	border: 0px none !important;
}

#framex4CKBQ {
	border: 0px none !important;
}

#portal_block_14 {
	border: 0px none !important;
}

#framem1R36b {
	border: 0px none !important;
}

#portal_block_15 {
	border: #000000 0px none !important;
}

#frameEcgDls {
	border: 0px none !important;
}

#portal_block_16 {
	border: 0px none !important;
}
</style>
	<div id="diynavtop" class="area"></div>
	<div id="pt" class="bm cl">
		<div class="z">
			<a href="" class="nvhm" title="首页">zsCat创想轻主题模板</a><em>&#187;</em><a
				href="">论坛</a> <em>&#8250;</em> <a
				href="">O粉娱乐</a><em>&#8250;</em>
			<a href="">图片瀑布流</a>
		</div>
		<span class="y"> <a
			href=""
			id="a_favorite">收藏本版 <strong class="xi1" id="number_favorite">(<span
					id="number_favorite_num">11</span>)
			</strong></a> <span class="pipe">|</span><a
			href=""
			target="_blank" title="RSS">订阅</a>
		</span>
	</div>
	<div class="wp">
		<div id="diy1" class="area"></div>
	</div>
	<div class="boardnav">
		<div id="ct" class="xr_list wp cl">

			<div class="mn">
				<div class="bp">
					<div class="listTit cl">
						<a
							href=""
							class="post_btn">发表新帖</a>
						<h1 class="z">图片瀑布流</h1>
						<div class="xr_stat z">
							今日: <span>0</span><span class="pipe">|</span>主题: <span>41</span><span
								class="pipe">|</span>排名: <span title="上次排名:8">8</span>
						</div>
					</div>
					<div class="cl mtm">

						<div id="forum_rules_46" style="">
							<div class="ptn xg2">瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。</div>
						</div>
					</div>
					<ul id="thread_types" class="ttp cl">
						<li id="ttp_all" class="a"><a
							href="">全部
								<span class="num">41</span>
						</a></li>
						<li><a
							href="">自然风景<span
								class="num">20</span></a></li>
						<li><a
							href="">人物肖像<span
								class="num">7</span></a></li>
						<li><a
							href="">人文纪实<span
								class="num">4</span></a></li>
						
					</ul>
					<script type="text/javascript">
						showTypes('thread_types');
					</script>

				</div>



				<div class="drag">
					<div id="diy12" class="area"></div>
				</div>




				<div id="threadlist" class="xr_tl bp">
					<div class="th">
						<table cellspacing="0" cellpadding="0">
							<tbody>
								<tr>
									<th colspan="2">
										<div class="tf">
											<a id="filter_special" href="javascript:;"
												class="allpost_ico xi2"> <span class="showmenu">全部主题</span>
											</a> <a
												href=""
												class="lastpost_ico xi2"> 最新 </a> <a
												href=""
												class="hotpost_ico xi2"> 热帖 </a> <a
												href=""
												class="digestpost_ico xi2"> 精华 </a> <a id="filter_dateline"
												href="javascript:;" class="showmenu xi2">更多</a> <span
												id="clearstickthread" style="display: none;"> <span
												class="pipe">|</span> <a href="javascript:;" class="xi2"
												title="显示置顶">显示置顶</a>
											</span>

										</div>
									</th>
									<td class="by"><a
										href=""
										class="chked y" title="图片模式浏览帖子">图片模式</a></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="tl">
						<div id="forumnew" style="display: none"></div>
						<form method="post" autocomplete="off" name="moderate"
							id="moderate"
							action="">
							<input type="hidden" name="formhash" value="8c788e32"> <input
								type="hidden" name="listextra" value="page%3D1">
							<table summary="forum_46" cellspacing="0" cellpadding="0"
								id="threadlisttableid">

							</table>
							<div class="xr_waterfall">
								<ul id="waterfall" class="ml waterfall cl"
									style="height: 2286px; width: 1158px;">
									@for(item in page.list){
									<li
										style="width: 280px; position: absolute; left: 0px; top: 0px;">
										<div class="c cl">
											<a
												href=""
												title="${item.title}" class="z"> <img
												src="${ctxPath!}/uploadFiles/uploadImgs/${item.path!}"
												alt="${item.title}" width="256">
											</a>
										</div>
										<h3 class="xw0">
											<a
												href=""
												title="${item.title}">${item.title!}</a>
										</h3>
										<div class="desc">
											<em>4064</em> 人气 / <em>11</em> 喜欢 / <em>19</em> 回复
										</div>
										<div class="auth cl">
											<a class="z"
												href="" c="1"
												mid="card_3760"><img
												src=""> 梦想的自由 </a>
											<p class="y">2015-8-10</p>
										</div>
									</li>
									@}
									
								</ul>
							</div>
							<div id="tmppic" style="display: none;"></div>
							<script src="${ctxPath!}/static/bbs/js/redef.js"
								type="text/javascript"></script>
							<script type="text/javascript" reload="1">
								var wf = {};

								_attachEvent(
										window,
										"load",
										function() {
											if ($("waterfall")) {
												wf = waterfall();
											}

											var page = 1 + 1, maxpage = Math
													.min(1 + 10, 3 + 1), stopload = 0, scrolltimer = null, tmpelems = [], tmpimgs = [], markloaded = [], imgsloaded = 0, loadready = 0, showready = 1, nxtpgurl = 'forum.php?mod=forumdisplay&fid=46&filter=&orderby=lastpost&page=', wfloading = "<img src=\"static/image/common/loading.gif\" alt=\"\" width=\"16\" height=\"16\" class=\"vm\" /> 加载中...", pgbtn = $(
													"pgbtn")
													.getElementsByTagName("a")[0];

											function loadmore() {
												var url = nxtpgurl
														+ page
														+ '&t='
														+ parseInt((+new Date() / 1000)
																/ (Math
																		.random() * 1000));
												var x = new Ajax("HTML");
												x
														.get(
																url,
																function(s) {
																	s = s
																			.replace(
																					/\n|\r/g,
																					"");
																	if (s
																			.indexOf("id=\"pgbtn\"") == -1) {
																		$("pgbtn").style.display = "none";
																		stopload++;
																		window.onscroll = null;
																	}

																	s = s
																			.substring(
																					s
																							.indexOf("<ul id=\"waterfall\""),
																					s
																							.indexOf("<div id=\"tmppic\""));
																	s = s
																			.replace(
																					"id=\"waterfall\"",
																					"");
																	$("tmppic").innerHTML = s;
																	loadready = 1;
																});
											}

											window.onscroll = function() {
												if (scrolltimer == null) {
													scrolltimer = setTimeout(
															function() {
																try {
																	if (page < maxpage
																			&& stopload < 2
																			&& showready
																			&& ((document.documentElement.scrollTop || document.body.scrollTop)
																					+ document.documentElement.clientHeight + 500) >= document.documentElement.scrollHeight) {
																		pgbtn.innerHTML = wfloading;
																		loadready = 0;
																		showready = 0;
																		loadmore();
																		tmpelems = $(
																				"tmppic")
																				.getElementsByTagName(
																						"li");
																		var waitingtimer = setInterval(
																				function() {
																					stopload >= 2
																							&& clearInterval(waitingtimer);
																					if (loadready
																							&& stopload < 2) {
																						if (!tmpelems.length) {
																							page++;
																							pgbtn.href = nxtpgurl
																									+ Math
																											.min(
																													page,
																													3);
																							pgbtn.innerHTML = "下一页 &raquo;";
																							showready = 1;
																							clearInterval(waitingtimer);
																						}
																						for (var i = 0, j = tmpelems.length; i < j; i++) {
																							if (tmpelems[i]) {
																								tmpimgs = tmpelems[i]
																										.getElementsByTagName("img");
																								imgsloaded = 0;
																								for (var m = 0, n = tmpimgs.length; m < n; m++) {
																									tmpimgs[m].onerror = function() {
																										this.style.display = "none";
																									};
																									markloaded[m] = tmpimgs[m].complete ? 1
																											: 0;
																									imgsloaded += markloaded[m];
																								}
																								if (imgsloaded == tmpimgs.length) {
																									$(
																											"waterfall")
																											.appendChild(tmpelems[i]);
wf = waterfall({
																										"index" : wf.index,
																										"totalwidth" : wf.totalwidth,
																										"totalheight" : wf.totalheight,
																										"columnsheight" : wf.columnsheight
																									});
																								}
																							}
																						}
																					}
																				},
																				40);
																	}
																} catch (e) {
																}
																scrolltimer = null;
															}, 320);
												}
											};

										});
							</script>
						</form>
					</div>
					<div id="pgbtn" class="pgbtn">
						<a
							href=""
							hidefocus="true">下一页 &#187;</a>
					</div>

					<div class="bm bw0 pgs cl">
						<span id="fd_page_bottom"><div class="pg">
								<strong>1</strong><a
									href="">2</a><a
									href="">3</a><label><input
									type="text" name="custompage" class="px" size="2"
									title="输入页码，按回车快速跳转" value="1"><span title="共 3 页">
										/ 3 页</span></label><a
									href=""
									class="nxt">下一页</a>
							</div></span> <span id="visitedforumstmp" class="pgb y"><a
							href="">返&nbsp;回</a></span> <a
							href="javascript:;" id="newspecialtmp" title="发新帖"><img
							src="${ctxPath!}/static/bbs/img/pn_post.png" alt="发新帖"></a>
					</div>

				</div>

				<div id="filter_special_menu" class="p_pop" style="display: none"
					change="">
					<ul>
						<li><a
							href="">全部主题</a></li>
						<li><a
							href="">投票</a></li>
					</ul>
				</div>
				<div id="filter_reward_menu" class="p_pop" style="display: none"
					change="">
					<ul>
						<li><a
							href="">全部悬赏</a></li>
						<li><a
							href="">进行中</a></li>
					</ul>
				</div>
				<div id="filter_dateline_menu" class="p_pop" style="display: none">
					<ul class="pop_moremenu">
						<li>排序: <a
							href="">发帖时间</a><span
							class="pipe">|</span> <a
							href="">回复/查看</a><span
							class="pipe">|</span> <a
							href="">查看</a>
						</li>
						<li>时间: <a
							href=""
							class="xw1">全部时间</a><span class="pipe">|</span> <a
							href="">一天</a><span
							class="pipe">|</span> <a
							href="">两天</a><span
							class="pipe">|</span> <a
							href="">一周</a><span
							class="pipe">|</span> <a
							href="">一个月</a><span
							class="pipe">|</span> <a
							href="">三个月</a>
						</li>
					</ul>
				</div>
				<div id="filter_orderby_menu" class="p_pop" style="display: none">
					<ul>
						<li><a
							href="">默认排序</a></li>
						<li><a
							href="">发帖时间</a></li>
						<li><a
							href="">回复/查看</a></li>
						<li><a
							href="">查看</a></li>
						<li><a
							href="">最后发表</a></li>
						<li><a
							href="">热门</a></li>
					</ul>
				</div>

				<div id="diyfastposttop" class="area"></div>

				<div id="diyforumdisplaybottom" class="area"></div>
			</div>

		</div>
	</div>
	<div id="visitedforums_menu" class="p_pop blk cl"
		style="display: none;">
		<table cellspacing="0" cellpadding="0">
			<tbody>
				<tr>
					<td id="v_forums">
						<h3 class="mbn pbn bbda xg1">浏览过的版块</h3>
						<ul class="xl xl1">
							<li><a
								href="">O粉玩机</a></li>
						</ul>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<div class="wp mtn">
		<div id="diy11" class="area"></div>
	</div>
	<script>
		fixed_top_nv();
	</script>
</div>


<div id="ft">
	<div class="wp cl">
		<div id="flk" class="y">
			<p>
				<a
					href=""
					target="_blank" title="QQ"><img
					src="${ctxPath!}/static/bbs/img/site_qq.jpg" alt="QQ"></a><span
					class="pipe">|</span><a href="">Archiver</a><span
					class="pipe">|</span><a
					href="">手机版</a><span
					class="pipe">|</span><a
					href="">小黑屋</a><span
					class="pipe">|</span><a
					href=""
					target="_blank">zsCat创想轻主题模板</a> ( <a
					href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备16073468号-1</a>
				)&nbsp;<a href=""
					target="_blank" title="防水墙保卫网站远离侵害"><img
					src="${ctxPath!}/static/bbs/img/security.png"></a>
				
				<span id="cnzz_stat_icon_1260287839"><a
					href=""
					target="_blank" title="站长统计"><img border="0" hspace="0"
						vspace="0" src="${ctxPath!}/static/bbs/img/pic.gif"></a></span>
			
			</p>
			<p class="xs0">
				GMT+8, 2016-10-16 21:08<span id="debuginfo"> , Processed in
					1.149466 second(s), 17 queries . </span>
			</p>
		</div>
		<div id="frt">
			<p>
				Powered by <a href="" target="_blank">zsCat</a>
				<em>X3.2</em>
			</p>
			<p class="xs0">
				&#169; 2001-2013 <a href="" target="_blank">zsCat商城
					Inc.</a>
			</p>
		</div>
	</div>
</div>
<div id="scrolltop" style="left: auto; right: 0px; visibility: hidden;">
	<span hidefocus="true"><a title="返回顶部" class="scrolltopa"><b>返回顶部</b></a></span>
	<span> <a href=""
		hidefocus="true" class="returnboard" title="返回版块"><b>返回版块</b></a>
	</span>
</div>
<script type="text/javascript">
	_attachEvent(window, 'scroll', function() {
		showTopLink();
	});
	checkBlind();
</script>
<div id="discuz_tips" style="display: none;"></div>
<script type="text/javascript">
	var tipsinfo = '49852173|X3.2|0.6||0||0|7|1476623304|96e02578598555434791139a4d43b298|2';
</script>
<script src="${ctxPath!}/static/bbs/js/discuz_tips.js"
	type="text/javascript" charset="UTF-8"></script>

</body>
</html>
y>
</html>